vue 中 input 限制只能输入数字，允许正数与负数

2022-03-23 17:57| 来源: 网络整理| 查看: 265

vue 中 input 限制只能输入数字，允许输入正数与负数，完整代码如下：

data() { return { number: null } }, methods: { onlyNbr1(ipt) { let data = String(ipt) const char = data.charAt(0) // 先把非数字的都替换掉 data = data.replace(/[^\d]/g, '') // 如果第一位是负号，则允许添加 if (char === '-') { data = '-' + data } this.query.filter = data }, onlyNbr2() { const data = String(this.query.filter) // 如果只有一个负数，那么替换为 null console.log(data === '-') if (data === '-') { this.query.filter = null } } } }

如果有更好的实现方式，欢迎评论讨论。

本文共 76 个字数,平均阅读时长 ≈ 1分钟

【本文地址】

公司简介

联系我们